<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">

    <!-- <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/> -->
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>



    <title>购买</title>
    <link rel="stylesheet" type="text/css" href="../../../css/api.css"/>
    <!-- <link rel="stylesheet" type="text/css" href="../../css/style.css"/> -->
    <link rel="stylesheet" type="text/css" href="../../../css/aui.css" />

    <style>

        html,body {
        height: 100%;
        background-color: #f0f0f0;
        }

        header{
            height: 40px;
            width: 100%;
            background-color: white;
            display: -webkit-box;
            -webkit-box-orient: horizontal;
            -webkit-box-align: center;
            position: fixed;
            z-index: 3;
            top: 0;
        }

        .backicon {
            width: 20px;
            height: 20px;
            display: block;
            border: none;
            float: left;
            background-size: 20px;
            background-repeat: no-repeat;

            margin: 10px ;
            opacity: 0.9;
            background-image:  url('');
            /*background-image:  url('bottombtn0101.png')*/
        }



        .content{
            padding-left: 30px;
            padding-right:  30px;
        }
        .list{
            /*display: -webkit-box;
            display: -webkit-flex;*/
            display: flex;
            -webkit-box-orient: horizontal;
            flex-direction: row;
            align-items:flex-start;
            /*height: 'auto';*/
            position: relative;
            margin-top: 20px;
            margin-bottom: 20px;

        }
        .innerBox{
            display: flex;

        display: -webkit-box;
        -webkit-box-orient:vertical;
		-webkit-box-flex:1;
		// 设置成BOX布局，这样 .fill 元素才能分配容器比列
		display: -webkit-box;
		-webkit-box-orient:vertical;
        -webkit-box-flex:1;
	    }


    </style>

</head>
<script type="text/javascript" src="../../../script/api.js"></script>
<!-- <script type="text/javascript" src="../../script/template.js"></script>
<script type="text/javascript" src="../../script/doT.min.js"></script>
<script type="text/javascript" src="../../script/doT.js"></script> -->

<script>

</script>


<body>
    <header class="header" id="header">

        <div  class="backicon"></div>
        <div class="tv_follow"> 商城</div>
    </header>

    <img src="../../../image/l2.png" alt="" style="width:100%;">

    <div class="content">
        <p>商品详情商品详情商品详情商品详情商品详情商品详情商品详情商品详情商品详情商品详情商品详情商品详情商品详情商品详情商品详情商品详情商品详情商品详情</p>

        <div class="aui-btn aui-btn-info aui-btn-block aui-btn-outlined aui-btn-sm">羊 60 购买</div>
        <div> 可用余额300元</div>

    </div>


</body>


</html>
